﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="ctl00_Head1">
    <title></title>
    <script src="../Scripts/jquery-1.6.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.jqzoom-core.js" type="text/javascript"></script>
    <link href="styles/jquery.jqzoom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
//        $(function ()
//        {
//            $('.jqzoom').jqzoom();

//        });


        $(document).ready(function ()
        {
            $('.jqzoom').jqzoom({
                zoomType: 'standard',
                lens: true,
                preloadImages: false,
                alwaysOn: false,
                title: false,
                zoomWidth:200,
                zoomHeight:200
            });

        });
    </script>
</head>
<body>
    <form name="aspnetForm" method="post" action="ProductDetail.aspx" id="aspnetForm">
    <div class="clearfix" id="content" style="margin-top: 100px; margin-left: 350px;
        height: 500px; width: 500px;">
        <div class="clearfix">
            <a href="images/thpic.jpg" class="jqzoom">
                <img src="images/thpic.jpg" width="150" height="150" alt="" />
            </a>
        </div>
    </div>
    </form>
</body>
</html>
